iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 17
0
Modern Web

從零開始的網頁設計系列 第 18

Day17 : 切版_條列式訊息呈現 (待補)

  • 分享至 

  • xImage
  •  

就算今天是跨年還是得趕快補文章! 寫一半先卡一個
前幾天都還沒補完
但還是得趕快寫新的

今天要就要來把最後一個部分切完啦!先來看看設計圖
https://ithelp.ithome.com.tw/upload/images/20171231/20104423RtxYTeUoR3.png

複習一下html的部分 點我回顧

    <div class="news">
      <div>最新文章</div>
      <ul>
        <li>文章1</li>
        <li>文章1</li>
        <li>文章1</li>
      </ul>
      <a href="#">more</a>
    </div>

讓我們先把這區變回白色
拿掉原本為了顯示用的 粉紅色跟藍色
也就是content 以及news 裡的 background-color
https://ithelp.ithome.com.tw/upload/images/20171231/20104423hjUtCiHWpD.png
那我們馬上來幫他上樣式
因為這邊會用到的屬性都是先前分享過的所以就不會多做說明~
只會大概說一下他是在幹嘛的


上一篇
Day16:切版 banner區域
下一篇
Day18 : 新增新的頁面(待補)
系列文
從零開始的網頁設計22
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言